<template>
  <van-tabs v-model:active="active">
    <van-tab :title="item.name" v-for="item in DanceList" :key="item.path" :to="item.path"></van-tab>
    <router-view></router-view>
  </van-tabs>
</template>

<script setup lang="ts">
import { ref } from "vue";
const active = ref<number>(0);
const DanceList = ref<Ianimation[]>([
  { name: "宅舞", path: "/dance/curtilagedance" },
  { name: "街舞", path: "/dance/streetdance" },
  { name: "明星舞蹈", path: "/dance/stardance" },
  { name: "中国舞", path: "/dance/chinesedance" },
]);

interface Ianimation {
  name: string;
  path: string;
}
</script>

<style scoped></style>
